<template>
	<md-field-group class="foget_view">
		<md-field 
			v-model="password"
			icon="lock"
			:is-error="isErrow"
			placeholder="请输入新密码"/>
			
		<md-field 
			v-model="passwordRepeat"
			type="password"
			icon="lock"
			:is-error="isErrow"
			placeholder="请再次输入密码" />
		<div class="red" v-show="isErrow">两次密码输入不一致</div>
			
		<div class="foget_submit">
			<van-button size="large" type="danger" @click="submitCode">重置</van-button>
		</div>
	</md-field-group>
</template>

<script>
	import field from '@/vue/components/field/';
	import fieldGroup from '@/vue/components/field-group/';
	
	export default {
		
		data(){
			return {
				isErrow: true,
				password: "",
				passwordRepeat: ""
			}	
		},
		
		methods: {
			submitCode(){
			},
		},
		
		components: {
			[field.name]: field,
			[fieldGroup.name]: fieldGroup,
		}
	}
</script>

<style lang="scss" scoped>
	
	div.foget_view{
		background-color: #fff;
		padding-top: 30px;
	}
	
	div.foget_submit{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	
</style>

